<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title>欢迎${name}</title>
    <script src="layui/layui.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/food.js"></script>
    <script type="text/javascript" src="jquery/jquery-3.1.1.min.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css">
    <style>
        ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;}
        li {float: left;}
        li a {display: block;color: white;text-align: center;padding: 14px 16px;text-decoration: none;}
        li a:hover {background-color: #ababab;}
        #top{width:800px;height:50px;font-size: 25px}
        p {font-size: 30px;color: #2D93CA;font-family:幼圆;}
        p1 {font-size: 30px;color: #ff0000;font-family: 幼圆;}
        p2 {font-size: 25px;color: #000000;font-family:幼圆;}
        #roll {
            width: 200px;
            height: 100px;
            color: #fff;
            background:url(images/beijing.png) no-repeat;
            position: absolute;
            font-size: 22px;
            word-break: break-all;
            line-height: 50px;
            text-align: center;
        }
        #btnx{
            position: absolute;
            bottom: 0;
            right: 0;
        }
        #bgs{
            background-image: url(images/beijing2.png);
        }
        #showimgs div img{
            width: 100%;
            height: 100%;
            object-fit:cover;
        }
        #img_fixed{
            buttom:20px;
            display: block;
            height: 60px;
            width: 60px;
            position: fixed;
            right: 30px;
            z-index:999;
        }
    </style>
</head>
<body>
<div id="bgs">
    <center>
    <div id="top">
        <ul>
            <li><a href="index.jsp" style="width:150px;">首页</a></li>
            <li><a href="food.jsp" style="width:150px;">我要点餐</a></li>
            <li><a href="yijian.jsp" style="width:150px;">提出意见</a></li>
            <li><a href="#" style="width:150px;">关于我们</a></li>
        </ul>
    </div>
        <div id="img_fixed">
            <button type="button" onclick="shop_car()"><img src="images/gwc.jpg" height="50px" width="50px"></button>
        </div>
    <div>
        <table width="800px" height="100px" style="margin-top:20px;color: #FFF9EC; font-size:18px;">
            <tr style="width:40px;border-color: #3F3F3F">
                <td>美&nbsp;&nbsp;食:</td>
                <td><a href="#" onclick="setgoods_type(1)" style="color: #FFFFFF">中国美食</a></td>
                <td><a href="#" onclick="setgoods_type(2)" style="color: #FFFFFF">日韩料理</a></td>
                <td><a href="#" onclick="setgoods_type(3)" style="color: #FFFFFF">特色小吃</a></td>
                <td><a href="#" onclick="setgoods_type(4)" style="color: #FFFFFF">西&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;餐</a></td>
            </tr>
            <tr>
                <td>饮&nbsp;&nbsp;品:</td>
                <td><a href="#" onclick="setgoods_type(5)" style="color: #FFFFFF">热&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;饮</a></td>
                <td><a href="#" onclick="setgoods_type(6)" style="color: #FFFFFF">冷&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;饮</a></td>
                <td><a href="#"onclick="setgoods_type(7)" style="color: #FFFFFF">酒&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;水</a></td>
            </tr>
            <tr>
                <td>水&nbsp;&nbsp;果:</td>
                <td><a href="#" onclick="setgoods_type(8)" style="color: #FFFFFF">有机水果</a></td>
                <td><a href="#" onclick="setgoods_type(9)" style="color: #FFFFFF">生&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;鲜</a></td>
            </tr>
        </table>
    </div>
    <hr style="height:0px;border:none;border-top:3px solid #cc7d3c;"/>
<%--        <div class="layui-carousel" id="heder01" align="center" style="margin: 0 auto">--%>
<%--            <div carousel-item="" id="showimgs" >--%>
<%--                <div><img src="images/showimg/1.jpeg" ></div>--%>
<%--                <div><img src="images/showimg/2.jpg" ></div>--%>
<%--                <div><img src="images/showimg/3.jpg"></div>--%>
<%--                <div><img src="images/showimg/4.jpg"></div>--%>
<%--                <div><img src="images/showimg/5.jpg"></div>--%>
<%--                <div><img src="images/showimg/6.jpg"></div>--%>
<%--                <div><img src="images/showimg/7.jpg"></div>--%>
<%--            </div>--%>
<%--        </div>--%>
<%--    <hr style="height:0px;border:none;border-top:3px solid #35200f;"/>--%>
    <div>
        <table style="width:1200px;margin-top:20px;"border="2" bgcolor="#ffffff" lay-filter="parse-table-demo">
            <tr><p style="text-align:center;color: red;">今日特价</p></tr>
            <tr align="center">
                <td><p2>商品名称</p2></td>
                <td><p2>商品样式</p2></td>
                <td><p2>商品价格</p2></td>
                <td><p2>操作</p2></td>
            </tr>
            <c:forEach items="${goodsList}" var="user">
                <tr align="center">
                    <td><p id="p_1">${user.goods_name}</p></td>
                    <td width="400px"><img  id="img1" src="${user.goods_url}" align="center" width="400px" height="200px"></td>
                    <td><p1 id="p1_1">￥${user.goods_price}</p1></td>
                    <td><button type="button" class="layui-btn" onclick="addgoods(${user.goods_id})">加入购物车</button></td>
                </tr>
            </c:forEach>
        </table>
        <hr style="height:0px;border:none;border-top:3px solid #d8d86b;"/>
    </div>
    <div id="foot" style="color: #ffffff;">
        <center>
            ©皮皮虾网团购 pipixiawaimai.com &nbsp;&nbsp;京ICP证12345678号 &nbsp;&nbsp;京ICP备12345679号<br/>
            食品经营许可证&nbsp;&nbsp;互联网美食证<br />
            版权 ©runoob.com
        </center>
    </div>
<%--    <div id="roll">--%>
<%--        <button type="button" id="btnx" style="width:45px; height:45px;text-align: center;">X</button>--%>
<%--        <img src="images/hongbao.jpeg" height="200px" width="200px">--%>
<%--    </div>--%>
    </center>
</div>
</body>
</html>
